<template>
  <view>
    <headers></headers>

    <!--  -->
    <view class="number">
      <view class="">
        <view class="number1">编号:</view>
        <view class="number2">鲁A 001</view>
      </view>
    </view>

    <!--  -->
    <view class="content">
      <view class="item">长清大学生红叶谷汉服真人秀开团</view>
      <view class="item">姓名：徐佳</view>
      <view class="item">联系方式：13994371114</view>
      <view class="item">身份证号：140211200203120529</view>
      <view class="item">其他项目内容：写真一套</view>
      <view class="item">状态：未使用</view>
      <view class="item">下单时间：2023-3-12</view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      };
    }
  }
</script>

<style lang="scss" scoped>
  .number {
    margin: 32rpx auto;
    padding-top: 48rpx;
    text-align: center;
    width: 686rpx;
    height: 250rpx;
    background: #FFFFFF;
    border-radius: 20rpx 20rpx 20rpx 20rpx;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;

    .number1 {
      margin-bottom: 15rpx;
      font-size: 28rpx;
      color: #999999;
    }

    .number2 {
      font-size: 40rpx;
      color: #FF6B18;
    }
  }

  .content {
    margin: 20rpx auto;
    padding: 48rpx 32rpx 28rpx;
    width: 686rpx;
    // height: 384rpx;
    background: #FFFFFF;
    border-radius: 20rpx 20rpx 20rpx 20rpx;

    .item {
      margin-bottom: 20rpx;
      font-size: 24rpx;
      font-family: PingFang SC-Medium, PingFang SC;
      font-weight: 500;
      color: #333333;
    }
  }
</style>